// 专门负责存储计数器这个功能的数据的
// stores/counter.js
// 1.导入defineStore方法
import { defineStore } from 'pinia'
import { ref } from 'vue'

// 使用defineStore方法定义一个仓库中的响应式数据和操作方法
// 定义和导出一个store
export const useCounterStore = defineStore(
  'counter',
  () => {
    // 状态数据（相当于 state）
    const count = ref(0)

    // 定义方法（相当于 actions）
    function increment() {
      count.value++
    }

    function decrement() {
      count.value--
    }

    // 一定要将定义的数据和方法返回
    return { count, increment, decrement }
  },
  {
    persist: {
      paths: ['count'],
    },
  }
)
